/* CSS Document */
.viewmore{ width:150px; height:40px; margin:0 auto; padding-top:30px; clear:both;}
.viewmore a{ background:#1e78dc; text-align:center; padding:10px 30px; color:#fff;}
.viewmore a:hover{ background:#545252;}

.container{display:block; width:100%;}

.container .about{display:block;background: url(../images/bg_about.png) no-repeat left center; }
.container .about .title{display:block; padding-bottom:40px; margin-bottom:30px; background:url(../images/tiao.png) no-repeat left bottom;}
.container .about .title h4{display:block;height:40px; line-height:40px; font-size:24px; color:#444;}

.container .about .con{display:block; font-size:14px; zoom:1; overflow:hidden;}

.container .about .con .conInfo{ width: 30%; line-height:24px; margin-left:15%; padding-top:60px;}
.container .about .con .more{ margin-top:30px;}
.container .about .con .more a{ background:#1e78dc; text-align:center; padding:10px 30px; color:#fff;}
.container .about .con .more a:hover{ background:#545252;}
    
.conImg { width: 50%; height: inherit; overflow: hidden; font-size: 0; float:right;}
.conImg img{transition: all 0.8s;cursor: pointer; max-width:960px; height:50%;}
.conImg img:hover {transform: scale(1.1);}

.about_icon{ height: auto; overflow: hidden; padding:30px 0; margin-top:30px; position:absolute; z-index:100;}
.about_icon ul{ margin:0 auto; padding:0; text-align: center;}
.about_icon ul li{width:215px;height:170px;overflow: hidden; float: left; position: relative; box-shadow: 0px 0px 5px #eee; background:#fff;}
.about_icon ul li a{ display: block; color: #999; padding-top:20px;}
.about_icon ul li a .pic{transition: 0.5s;width: 215px;height:80px; background-repeat: no-repeat;background-position: center top;}
.about_icon ul li a font{display:block;padding-top: 85px; text-align: center;}
.about_icon ul li a font i{font-size: 16px;padding-right:4px;color: #333;font-style: normal;text-align: left;font-weight: bold;}
.about_icon ul li:nth-of-type(3){ margin-right:0;}
.about_icon ul li a:hover .pic{background-position: center bottom; transition: 0.5s;}
.about_icon ul li a:hover{ color:#00a1e9;}
.about_icon ul li a:hover font i{ color:#00a1e9;}

.gridbox {
    background: url(../images/bg1.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
	margin-top: 5%;
    margin-bottom: 5%;
    padding-left: 9%;
    padding-right: 9%;
	display: flex;
    align-items: center;
    flex-direction: column;
	min-height:300px;
}
.about-num {
    margin-top: 70px;
    padding-top: 0px;
    padding-bottom: 0px;
    background: none;
	width:1400px;
}
.about-num li{ margin-right:1px;
	float: left;
    width: 24.88%;
    text-align: center;}
.about-num li:nth-child(1) {
    background: #f0f1f5;
}
.about-num li:nth-child(2) {
    background: #f0f1f5;
}
.about-num li:nth-child(3) {
    background: #00327e9c;
}
.about-num li:nth-child(4) {
    background: #00327e9c;
}
.num_con {
    padding: 38px 16px;
}
.about-num li h2 {
    font-family: 'arial', sans-serif;
    font-size: 48px;
    color: #00327e;
    line-height: 48px;
    display: inline-block;
}
.about-num .count-unit {
    font-size: 14px;
    color: #4a4a4a;
    text-align: right;
    display: inline-block;
    font-style: normal;
}
.about-num li p {
    color: #4a4a4a;
    font-size: 14px;
    line-height: 36px;
}
.about-num li .bai h2 {
    color: #fff;
}
.about-num .bai .count-unit {
    color: #fff;
}
.about-num li .bai p {
    color: #fff;
}

.container .products{display:block; width:100%; margin:50px 0;}
.products .PInfoList{ width:1400px; margin:0 auto; margin-top:30px;}
.products .PInfoList ul li{ width:333px; margin-right:20px; text-align:center; position:relative;}
.products .PInfoList ul li img{ width:320px; height:200px;}
.products .PInfoList ul li span{ display:block; font-size:16px; line-height:40px;}

.productList {
    background-image: url(../images/bg2.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-attachment: fixed;
	height:350px;
}
.container .productList .title{ width:1400px; margin:0 auto; display:block; padding-top:80px; padding-bottom:30px; background:url(../images/tiao.png) no-repeat left bottom;}
.container .productList .title h4{display:block;height:40px; line-height:40px; font-size:28px; color:#fff;}
.container .productList .title .tip{ width:800px; color:#fff; text-align:left; margin-top:20px;}
.container .productList .title .tip a{ color:#fff; font-size:14px; text-align:center; border:solid 1px #fff; padding:10px 20px;}

.proBox{ max-width: 1400px; margin:2rem auto; background-color: rgba(255, 255, 255, 1); box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.1); padding:1rem; height:1020px;}
.proLi {
    float: left;
    width: calc(100% / 4);
    margin: 1rem 0;
	position: relative;
    height: auto;
}
.proLink {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(243,243,243,1);
    background: #fff;
}
.proImgBox {
    position: relative;
    width: 100%;
    height: 0px;
    padding-bottom: 100%;
    overflow: hidden;
}
.proImg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.0);
    transition: all 2s ease .5s;
	width:303px;
	height:303px;
}
.proTitle {
    position: relative;
    text-align: center;
    padding: 0 2%;
    overflow: hidden;
    color: #000;
    font-size: 18PX;
    font-weight: bold;
    height: 30px;
    margin: 10px;
    line-height: 30px;
}

.lookMore {
    width: 100%;
    padding: 1rem 0 1rem;
    text-align: center;
    font-size: 14px;
    color: #c1c1c1;
}
.lookMore:hover {
    color: #00a1e9;
}

.honor{
	background: url(../images/bg3.jpg) no-repeat center top;
}
.honorBg{
	background: rgba(6,83,161,0.4);
	width: 100%;
	display: flex;
    overflow: hidden;
    position: static;
	margin-top:150px;
	clear:both;
}
.honor_left{
    clear: left;
    width: 50%;
}
.container .honor_left .title{ width:1400px; margin:0 auto; display:block; padding-top:115px; padding-bottom:30px; background:url(../images/tiao.png) no-repeat left bottom;}
.container .honor_left .title h4{display:block;height:40px; line-height:40px; font-size:28px; color:#fff;}
.container .honor_left .title .tip{ width:800px; font-size:14px; color:#fff; text-align:left;}
.container .about .con{display:block; font-size:14px; zoom:1; overflow:hidden;}

.container .honor_left .conInfo{ width: 60%; line-height:24px; margin-left:15%; padding-top:60px; color:#fff;}
.container .honor_left .conInfo p{ font-size:14px; padding-top:20px;}
.container .honor_left .more{ margin-top:30px;}
.container .honor_left .more a{ background:#1e78dc; text-align:center; padding:10px 30px; color:#fff;}
.container .honor_left .more a:hover{ background:#545252;}
.honor_right{
	width: 50%;
    margin-left: 0%;
    margin-right: 0px;
    clear: none;
}
.p_gridCell {
    width: 49.8%;
    margin: 0px;
    padding: 8% 0;
    background: rgba(27,36,43,.2);
    border-left: 1px solid rgba(255,255,255,0.2);
    border-bottom: 1px solid rgba(255,255,255,0.2);
    transition: all .8s ease;
	float:left;
	color:#fff;
}
.p_gridCell:hover {background:rgba(6, 83, 161,0.95);}
.p_gridCell:hover .imgCell img{
-moz-transform:rotateY(180deg);
-ms-transform:rotateY(180deg);
-o-transform:rotateY(180deg);
-webkit-transform:rotateY(180deg);
transform:rotateY(180deg);
transition:all .8s ease;
}
.p_gridCell .imgCell{ margin-left:8%; margin-bottom:5%;}
.p_gridCell p{ margin:0 8%; font-size:14px;}
.p_gridCell p strong{ font-size:18px; line-height:32px;}


.container .news{display:block; width:100%; background:#f3f1f1;}
.container .news .inner{display:block; width:1400px; padding:40px 0;}
.container .news .inner .title{ position:relative;}
.container .news .inner .title h4{display:block; height:40px; line-height:40px; font-size:28px; color:#444; text-align:left; padding-bottom:20px; background:url(../images/tiao.png) no-repeat left bottom;}
.tip{display:block; font-size:16px; text-align:left; padding-top:15px; line-height:22px; padding-bottom:40px;}

.container .news .inner .title .viewmore{ width:120px; height:40px; line-height:40px; padding:0; position:absolute; right:0; top:0; background:#1e78dc; text-align:center; color:#fff;}
.container .news .inner .title .viewmore:hover{ background:#545252;}

.container .news .inner .con{display:block;}
.container .news .inner .fr{width:700px;}
.container .news .inner .fl{width:660px;}


.container .news .inner .fr ul{display:block;}
.container .news .inner .fr ul li{display:block; padding:22px 15px; background:#fff; margin-bottom:15px;}
.container .news .inner .fr .num{float:left; width:75px; height:73px; border-right:1px solid #d4d4d4;}
.container .news .inner .fr .num .d{display:block;width:75px; height:40px; line-height:40px; color:#444; font-size:26px; text-align:center; font-weight:bold;}
.container .news .inner .fr .num .yy-m{display:block;width:75px; height:30px; line-height:30px; text-align:center; font-size:12px; color:#999; }
.container .news .inner .fr .wz{float:right; width:580px; height:78px;}
.container .news .inner .fr .wz .tit{display:block; height:30px; line-height:30px; color:#222; font-size:17px;}
.container .news .inner .fr .wz .detail{display:block;font-size:12px; color:#999; line-height:20px;}

.container .news .inner .fr ul li:hover{background:#1e78dc; cursor:pointer;}
.container .news .inner .fr ul li:hover .num .d{color:#fff;}
.container .news .inner .fr ul li:hover .num .yy-m{color:#fff;}
.container .news .inner .fr ul li:hover .wz a{color:#fff;}

.first{ background:#fff; height:534px;}
.txt{ padding:15px;}
.txt h3{ font-size:16px; margin-bottom:10px;}
.txt p{ font-size:14px;}

#page-wrap {
	width: 660px;
	position: relative;
	min-height: 500px;
}
.slider-wrap {
	width: 660px;
}
.stripViewer {
	position: relative;
	overflow: hidden;
	width: 660px;
	height: 400px;
}
.stripViewer .panelContainer {
	position: relative;
	left: 0;
	top: 0;
}
.stripViewer .panelContainer .panel {
	float: left;
	height: 100%;
	position: relative;
	width: 660px;
}
.stripNavL, .stripNavR, .stripNav {
	display: none;
}
.nav-thumb {
	border: 1px solid #0653a1;
	width:218px;
}

#movers-row div {
	width:220px;
	float: left;
}
.cross-link {
	display: block;
	margin-top: -12px;
	position: relative;
	padding-top: 16px;
	z-index: 9999;
}
.active-thumb {
	background: transparent url(../images/icon-uparrowsmallwhite.png) top center no-repeat;
}

.link{ width:1400px; overflow:hidden; padding-top:30px;}
.link ul li{ border:solid 1px #eee; line-height:0;}

.container .culture{display:block;width:100%; height:561px; background:url(../images/culturebg.jpg) no-repeat center top;background-attachment:fixed; }
.container .culture .inner{display:block; padding:80px 0px;}
.container .culture .dtitle{display:block; width:390px; height:100px; margin:0 auto;}
.container .culture .dtitle li{float:left; width:100px; height:100px; margin-right:30px; line-height:100px; cursor:pointer;}
.container .culture .dtitle li a{display:block; width:100px; height:100px; background:url(../images/cl2.png) no-repeat left top; font-size:24px; text-align:center; color:#fff; line-height:100px; font-weight:bold;}
.container .culture .dtitle li a.current{background:url(../images/cl1.png) no-repeat left top;}
.container .culture .con{display:block; padding-top:40px;}
.container .culture .con dl dd{display:none; text-align:center;}

.container .service{display:block;width:1203px; margin:0 auto; padding:60px 0px;}
.container .service li{float:left; width:300px;}
.container .service li .icon_ico1{display:block; width:124px; height:124px; background:url(../images/icons.png) no-repeat 0 -149px; margin:0 auto; margin-bottom:15px;}
.container .service li h3{display:block; height:30px; font-size:16px; line-height:30px; text-align:center;}
.container .service li .tip{display:block; height:24px; line-height:24px; font-size:14px; text-align:center; color:#666; padding-top:5px; line-height:22px;}
.container .service li:hover .icon_ico1{background:url(../images/icons.png) no-repeat 0 0px;}


.container .service li .icon_ico2{display:block; width:124px; height:124px; background:url(../images/icons.png) no-repeat -299px -149px; margin:0 auto; margin-bottom:15px;}
.container .service li:hover .icon_ico2{background:url(../images/icons.png) no-repeat -299px 0px;}

.container .service li .icon_ico3{display:block; width:124px; height:124px; background:url(../images/icons.png) no-repeat -595px -149px; margin:0 auto; margin-bottom:15px;}
.container .service li:hover .icon_ico3{background:url(../images/icons.png) no-repeat -595px 0px;}

.container .service li .icon_ico4{display:block; width:124px; height:124px; background:url(../images/icons.png) no-repeat -901px -149px; margin:0 auto; margin-bottom:15px;}
.container .service li:hover .icon_ico4{background:url(../images/icons.png) no-repeat -901px 0px;}